<%@ page import="projetjee.User"%>
<%@ page
	import="org.springframework.dao.DataIntegrityViolationException"%>
<%@ page import="grails.plugins.springsecurity.Secured"%>
<%@ page
	import="org.codehaus.groovy.grails.plugins.springsecurity.SpringSecurityUtils"%>
<%@ page
	import="org.springframework.security.authentication.AccountExpiredException"%>
<%@ page
	import="org.springframework.security.authentication.CredentialsExpiredException"%>
<%@ page
	import="org.springframework.security.authentication.DisabledException"%>
<%@ page
	import="org.springframework.security.authentication.LockedException"%>
<%@ page
	import="org.springframework.security.core.context.SecurityContextHolder as SCH"%>
<%@ page import="org.springframework.security.web.WebAttributes"%>
<%@ page
	import="org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter"%>

<!doctype html>
<html>
<head>
<meta name="layout" content="main" />
<title>Bienvenue sur iPop !</title>
<style type="text/css" media="screen">
#status {
	background-color: #eee;
	border: .2em solid #fff;
	margin: 2em 2em 1em;
	padding: 1em;
	width: 12em;
	float: left;
	-moz-box-shadow: 0px 0px 1.25em #ccc;
	-webkit-box-shadow: 0px 0px 1.25em #ccc;
	box-shadow: 0px 0px 1.25em #ccc;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

#statusR {
	background-color: #eee;
	border: .2em solid #fff;
	margin: 2em 2em 1em;
	padding: 1em;
	width: 12em;
	float: center;
	-moz-box-shadow: 0px 0px 1.25em #ccc;
	-webkit-box-shadow: 0px 0px 1.25em #ccc;
	box-shadow: 0px 0px 1.25em #ccc;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

#statusRight {
	background-color: #d8e4f1;
	border: .2em solid #720A0A;
	margin: 2em 2em 1em;
	padding: 1em;
	width: 12em;
	float: right;
	-moz-box-shadow: 0px 0px 1.25em #ccc;
	-webkit-box-shadow: 0px 0px 1.25em #ccc;
	box-shadow: 0px 0px 1.25em #ccc;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

.ie6 #status {
	display: inline;
	/* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
}

#status ul {
	font-size: 0.9em;
	list-style-type: none;
	margin-bottom: 0.6em;
	padding: 0;
}

#status li {
	line-height: 1.3;
}

#status h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0 0 0.3em;
}

#page-body {
	margin: 2em 1em 1.25em 18em;
}

h2 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 1em;
}

h3 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 10pt;
	color: #720A0A;
}

p {
	line-height: 1.5;
	margin: 0.25em 0;
}

pr {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 12pt;
	color: #000068;
}

#controller-list ul {
	list-style-position: inside;
}

#controller-list li {
	line-height: 1.3;
	list-style-position: inside;
	margin: 0.25em 0;
}

@media screen and (max-width: 480px) {
	#status {
		display: none;
	}
	#page-body {
		margin: 0 1em 1em;
	}
	#page-body h1 {
		margin-top: 0;
	}
}
</style>
</head>
<body>
	<%--
si l'utilisateur n'est pas connecté
	--%>
	<sec:ifNotLoggedIn>
		<a href="#page-body" class="skip"><g:message
				code="default.link.skip.label" default="Skip to content&hellip;" /></a>
		<div align=left id="status" role="main">
			<h1 align=center>Menu</h1>
			<p>
				Pour vous connecter :<br />
				<%--
				redirection vers la connexion
				--%>
				<g:link controller='login' action='auth'>Connexion</g:link>
			</p>
			<p>
			<%--
				redirection vers l'inscription
				--%>
				Pour vous inscrire :<br />
				<g:link controller='User' action='create'>Inscription</g:link>
			</p>
		</div>


		<div id="page-body" role="explain">
			<h1>Bienvenue sur iPop</h1>
			<br /> <br /> <br /> <br />
			<p align=justify>Ipop est un réseau social où vous pourrez vous
				inscrire et créer une carte d’identité virtuelle (votre profil).
				Vous pourrez ainsi échanger avec les autres membres inscrits sur le
				réseau. Vous pourrez eventuellement chatter avec les membres du
				réseau iPop. Partager des photos et plus encore… L’ingrédient
				fondamental de ce réseau social reste cependant la possibilité
				d’ajouter des « amis », et de gérer ainsi une liste de contacts.
				Vous pourrez également (minimum une fois par jour) voter parmi 2
				personnes (choisies aléatoirement) afin que chaque membre puisse
				connaitre son degré de popularité au sein d'une communauté</p>
			<br /> <br /> <br /> <br />
		</div>
	</sec:ifNotLoggedIn>
	<%--
				si l'utilisateur est connecté
				--%>
	<sec:ifLoggedIn>
		<div class="clear"></div>
		<div id="controller-list" role="navigation">
			<div align=left id="status" role="main">
			<%--
				menu principal : diverses redirections
				--%>
				<h1 align=center>Menu</h1>
				<p align="center">
					Voir son Profil :<br />
					<g:link controller='User' action='voir'>Mon Profil</g:link>
				</p>
				<p align="center">
					Voir les Membres iPop :<br />
					<g:link controller='User' action='list'>Membres</g:link>
				</p>
				<p align="center">
					Voir les Activités :<br />
					<g:link controller='Activite' action='list'>Activités</g:link>
				</p>
				<p align="center">
					Voir les Photos :<br />
					<g:link controller='Photo' action='list'>Photos</g:link>
				</p>
				<p align="center">
					Pour Voter :<br /> <a
						href="http://localhost:8080/projetJEE/user/vote">Voter</a>
				</p>
				<p align="center">
					Voir vos groupe d'amis :<br />
					<g:link controller='Relationship' action='list'>Groupe</g:link>
				</p>
				<p align="center">
					Se Déconnecter :<br />
					<g:link controller='Logout'>Déconnexion</g:link>
				</p>
			</div>
			<div>
				<h1 align="center">
					Bienvenue sur votre page d'accueil
					<sec:username />
				</h1>
				<div align="right" id="statusRight">
				<%--
				on récupere l'utilisateur actuel pour afficher entre autre sa photo
				--%>
					<g:set var="userNow"
						value="${User.findByUsername(sec.loggedInUserInfo(field:'username'))}" />
					<img class="Photo"
						src="${createLink(controller: 'user', action:'viewImage', id:userNow.id)}"
						width="200" />
				</div>
				<div align="left">
					<br />
					<h3>
						Nous sommes le
						<%out.println new Date().format("dd MMMM yyyy") %>
					</h3>
					<p>
						<br /> <font color="black"> Votre réputation actuelle sur
							le site :<br /> - <% out.print(userNow.getVote().toString()) %> /
							20<br />
						</font>
					</p>
					<p>
						<br /> <font color="black"> Il y a <% out.print(userNow.getNbVotant().toString()) %>
							personnes qui ont votés.<br /> Et <% out.print(userNow.getNbVotantPositif().toString()) %>
							personnes qui ont votés pour vous!<br /> <b> <g:if
									test="${userNow.getVote() > 15}">
								Bonne réputation man.<br />
								</g:if> <g:if
									test="${userNow.getVote() <= 15 && userNow.getVote() >= 10}">
								Attention à votre réputation.<br />
								</g:if> <g:if test="${userNow.getVote() < 10}">
								Hummm, c'est pas bon du tout... Faites quelques choses! Faites plus d'activités fénéant!<br />
								</g:if>
						</b>
						</font>
					</p>
					<p>
						<br /> <font color=#00005e> Votre nombre d'amis sur iPop :<br />
							- <% out.print(userNow.getNbAmi().toString()) %> ami(s).<br />
						</font>
					</p>
				</div>
			</div>
		</div>
	</sec:ifLoggedIn>
</body>
<footer>
	<p>Test</p>
	<g:timeZoneSelect name="myTimeZone" value="${tz}" />
</footer>
</html>
